$(function(){

    getlist();
    function getlist(){
        var data = {
            'limit':limit,
            'page':page
        }
        $.ajax({
            url:'/userlist/list',
            data:data,
            type:'post'
        }).done(function(json){
            var str = ''
            if(json.status=='1'){
                var list = json.data.list;
                for(var i=0;i<list.length;i++){
                    str += '<li><p class="p1">'+list[i].id+'</p><p class="p2">'+list[i].username+'</p><p class="p3" data-id="'+list[i].id+'"><a class="del" href="javascript:;" title="">删除</a></p></li>'
                }
                $('.userlist .list ul').html(str);
                $('.userlist .page').html(Page(limit,page,json.data.maxpage));
            }else{
                alert(json.msg)
                if(json.status=='401'){
                    window.location.href='/admin';
                }
            }
        })
    }

    // 翻页
    $('.userlist .page').on('click','a',function(){
        page = $(this).attr('data-page');
        page++;
        getlist();
    })

    $('.userlist .list').on('click','li .del',function(){
        var id = $(this).parent('p').attr('data-id');
        $.ajax({
            url:'/userlist/del',
            data:{
                id:id
            },
            type:'post'
        }).done(function(json){
            if(json.status==1){
                alert(json.msg);
                window.location.href=window.location.href;
            }else{
                alert(json.msg)
            }
        })
    })

})
var limit = 5;
var page = 1;

var Page = function(limit,page,maxPage){ //n1:一共有几条,sum:一页几条,n:当前第几页,number:一共几页
    // var number = Math.ceil(n1/sum);
    page --;
    var html = '';
    var i=0;
    var i2=maxPage;
    if(maxPage==1 || maxPage==0){
        $('.pagination').hide();
    }else{
        $('.pagination').show();
    }
    i=page-3;
    // i2=i+limit;
    //控制个数
    if(i<0)i=0;
    if(i2>maxPage)i2=maxPage;
    //上一页
    if(page){
        html = "<a href='javascript:;' data-page='"+(page-1)+"' class='pageli Prev'>上一页</a>";
    }
    //左边省略号
    if(i>0){
        html += '<span>...</span>'
    }
    for(i;i<i2;i++){
        if(page==i){
            html += "<a href='javascript:;' data-page='"+i+"' class='pageli active'>"+(i+1)+"</a>";
        }else{
            html += "<a href='javascript:;' data-page='"+i+"' class='pageli'>"+(i+1)+"</a>";
        }
    }
    //右边省略号
    if(maxPage>i2&&i!=maxPage){
        html += '<a href="javascript:;" class="pageli bd">...</a>'
    }
    //下一页
    if(page+1!=maxPage && maxPage!=1){
        html += "<a href='javascript:;' data-page='"+(page+1)+"' class='pageli Next'>下一页</a>";
    }
    return html;
}
